<template>
  <div>
    <h1>个人信息</h1>
    <a-avatar :size="100" icon="user" />
    <br />
    <br />
    <a-descriptions bordered title="个人信息">
      <a-descriptions-item label="姓名">
        姓名:
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="ID">
        ID：
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="性别">
        性别：
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="部门">
        部门：
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="职位">
        职位：
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="生日">
        生日：
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="入职日期">
        入职日期：
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="电话号码">
        电话号码：
      </a-descriptions-item>
      <br />
      <a-descriptions-item label="电子邮箱">
        电子邮箱：
      </a-descriptions-item>
      <br />
    </a-descriptions>
    <br />
    <a-button type="primary" @click="change_info">
      修改信息
    </a-button>
  </div>
</template>
<script>

export default {
  name: "Welcome",
  props: {
    name: String,
  },
  methods:{
    change_info(){
      this.$router.push({ path: "home/1/change_info" });
    }
  }
};
</script>
<style>
h1{
  font-size: 30px;
}
a-descriptions-item{
  font-size: 20px;
  line-height: 35px;
}
</style>